<template>
  <div v-transfer-dom>
    <alert v-model="showAlert" :title="titleAlert" @on-show="onShow" @on-hide="onHide"> {{ contentAlert }}</alert>
  </div>
</template>

<script>
  import { AlertModule, Alert, TransferDomDirective as TransferDom } from 'vux'
  export default {
        name: "alert-modal",
        directives: {
          TransferDom
        },
        components: {
          Alert
        },
        data () {
          return {
            showAlert: true,
            titleAlert:'111',
            contentAlert:'内容'
          }
        },
        methods:{
          onHide () {
            console.log('on hide')
          },
          onShow () {
            console.log('on show')
          },
        }
    }
</script>

<style scoped>

</style>
